<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title></title>
</head>
<body>
    <canvas id="cvs" width="600" height="500"></canvas>
</body>
<script type="text/javascript">
	var cvs = document.getElementById('cvs');
	// 获取绘制环境
	var ctx = cvs.getContext('2d');
	// 开始绘制
	ctx.beginPath();
	// 起点
	ctx.moveTo(10,10);
	// 第二个点
	ctx.lineTo(200,100);
	// 关闭绘制
	ctx.closePath();
	// 设置填充
	ctx.stroke();
</script>
</html>